<template>
    <div>
        <h1>用户修改页面...</h1>
        <!--获取路由中传入的参数
            $route.params: 表示通过路径传入的参数
            $route.query: 表示通过 ?参数名=值&参数名2=值 这种形式传入的参数

        -->
        <div>
            {{$route.params}} <br>
            {{$route.params.id}}
        </div>
    </div>
</template>

<script>
    export default {
        name: "UserEdit",
        // 如果组件没有切换掉的话，created 是不会重新创建的
        created() {
            console.log("created 查询" +this.$route.params.id+ "的数据用于修改" )
        },
        // 通过监听器来观测路由值的变化，然后加载数据进行处理
        watch:{
            "$route.params.id"(){
                console.log("watch 查询" +this.$route.params.id+ "的数据用于修改" )
            }
        }
    }
</script>

<style scoped>

</style>